@import "theme/theme_1";
.mylessons {
    .lessons {
        margin-top: 10pm;
        padding: 0 18pm 0 18pm;
        .lesson_item {
            height: 243pm;
            padding: 22pm 0 20pm 0;
            .border-1px(bottom,#f3efef);
            .imgWrap {
                position: relative;
                float: left;
                width: 225pm;
                height: 180pm;
                img {
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
            .lesson_info {
                position: relative;
                float: left;
                margin-left: 18pm;
                width: 352pm;
                .handel {
                    position: absolute;
                    right: 0;
                    top: 154pm;
                    text-align: center;
                    width: 131pm;
                    height: 42pm;
                    line-height: 42pm;
                    border: 2pm solid #d4d4d4;
                    border-radius: 6pm;
                    font-size: 24pm;
                    color: @color3;
                }
                .title {
                    color: @color6;
                    font-size: 28pm;
                    line-height: 35pm;
                    margin-bottom: 17pm;
                    width: 100%;
                    text-overflow:ellipsis; 
                    white-space:nowrap;
                    overflow: hidden;
                }
                .desc {
                    font-size: 24pm;
                    color: @color3;
                    line-height: 26pm;
                    margin-top: 8pm;
                }
                .status {
                    margin-top: 16pm;
                    font-size: 24pm;
                    &.status_ok {
                        color: @color9;
                    }
                    &.status_no {
                        color: #ff6673;
                    }
                    &.status_complete{
                        text-align: right;
                        color: @color9;
                        padding-right: 7pm;
                    }
                }
                .icon_1,
                .icon_2 {
                    margin-right: 6pm;
                }
                .icon_1 {
                    display: inline-block;
                    width: 14pm;
                    height: 19pm;
                    background: url(../images/icon_1.png) no-repeat;
                    background-size: 14pm 19pm;
                }
                .icon_2 {
                    display: inline-block;
                    width: 17pm;
                    height: 17pm;
                    background: url(../images/icon_2.png) no-repeat;
                    background-size: 17pm 17pm;
                }
                .icon_5 {
                    display: inline-block;
                    margin-right: 3pm;
                    width: 17pm;
                    height: 19pm;
                    background: url(../images/icon_5.png) no-repeat;
                    background-size: 17pm 19pm;
                }
            }
        }
    }
}
